<template>
	<div class="lxl-wrap">
		<h1>找回密码</h1>
		<el-form class="lxl-form" :model="lxlform" :rules="rules" label-width="120px">
			<el-form-item label="登录名" prop="username" >
				<el-input v-model="lxlform.usernmae" placeholder="手机号/邮箱"></el-input>
			</el-form-item>
			<el-form-item label="验证码" prop="code" >
				<el-input style="margin-right: 10px; width: 157px;" v-model="lxlform.password" show-password placeholder="验证码"></el-input>
				<el-button type="primary" plain>发送验证码</el-button>
			</el-form-item>
			<el-form-item>
				<el-button plain="" type="primary">确认找回</el-button>
				<el-button style="float: right;" plain="" type="primary" @click="gologin">回到登陆</el-button>
			</el-form-item>
		</el-form>
	</div>
</template>

<script>
export default {
	name: 'FindPwd',
	data () {
		return {
			lxlform: {
				username: '',
				code: ''
			},
			rules: {
				username: [
					{ required: true, message: '请输入登陆名', trigger: 'blur' }
				],
				code: [
					{ required: true, message: '请输入验证码', trigger: 'blur' }
				]
			}
		}
	},
	methods: {
		gologin () {
			this.$emit('update:r', '0deg')
		}
	}
}
</script>

<style scoped lang="less">
.lxl-wrap {
	transform: rotateY(180deg) translateZ(1px);
}
</style>